<p-sidebar [(visible)]="sidebarRightVisible"
  position="right"
  styleClass="w-30rem"
  (onHide)="onSidebarHide()"
  #sidebarProps>
  <div *ngIf="item">
    <div class="card p-fluid">
      <h5>堆垛机设置</h5>
      <div class="field">
        <label htmlFor="name1">Name</label>
        <input type="text"
          pInputText
          class="w-full p-inputtext-sm"
          placeholder="设置名称"
          [(ngModel)]="item.Name" />
      </div>
      <div class="field">
        <label htmlFor="email1">Plc IP</label>
        <input type="text"
          pInputText
          class="w-full p-inputtext-sm"
          placeholder="PLC IP"
          [(ngModel)]="item.Plc.Ip" />
      </div>
      <div class="field">
        <label htmlFor="age1">Plc Port</label>
        <p-inputNumber styleClass="w-full p-inputtext-sm"
          placeholder="PLC端口"
          [(ngModel)]="item.Plc.Port" />
      </div>
      <div class="field">
        <label htmlFor="age1">Interval</label>
        <p-inputNumber [required]="true"
          styleClass="w-full p-inputtext-sm"
          placeholder="间隔"
          [(ngModel)]="item.Plc.Interval" />
      </div>
    </div>
    <div class="field">
      <app-field-list [(fields)]="item.Fields"></app-field-list>
    </div>
  </div>
</p-sidebar>